<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                xmlns:f="http://java.sun.com/jsf/core">


    <p:dialog header="Elige las ops" widgetVar="dlgOC">
        <h:panelGrid id="displayOC" columns="1" rendered="#{autorizador.hayPermiso('VisualizaOrdenCompra')}">

            <style type="text/css">
                .ui-picklist .ui-picklist-list {
                    width: 420px;
                }
            </style>

            <p:dataTable value="#{pickListOCRPBean.ordenesCompra}" var="oc" rowKey="#{oc.id}"
                         selection="#{pickListOCRPBean.ordenCompraElegida}" selectionMode="single">
                <p:ajax event="rowSelect" listener="#{pickListOCRPBean.onRowSelect}"   
                        update="@(.detalles)"/>
                <p:column style="width:10%" headerText="Nro">  
                    #{oc.numero}
                </p:column>  
                <p:column style="width:25%" headerText="Proveedor">  
                    #{oc.proveedor.nombre}
                </p:column>  
                <p:column style="width:25%" headerText="Obra">  
                    #{oc.obra.nombre}
                </p:column>  

                <p:column style="width:25%" headerText="Creación">  
                    <h:outputText value="#{oc.creacion}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText>
                </p:column>  
            </p:dataTable>   

            <p:pickList id="pickList" value="#{pickListOCRPBean.detalles}" converter="detOrdenCompraConverter" var="d"  styleClass="detalles"
                        itemLabel="#{d.producto.nombre}" itemValue="#{d}"
                        showTargetControls="true" showCheckbox="true"  
                        showSourceFilter="true" showTargetFilter="true" filterMatchMode="contains" 
                        style="width: 90%">  

                <p:ajax event="transfer" listener="#{pickListOCRPBean.onTransfer}"/> 

                <f:facet name="sourceCaption">Disponibles</f:facet>  
                <f:facet name="targetCaption">Seleccionados</f:facet>

                <p:column style="width:10%" headerText="Nro">  
                    #{d.producto.nombre}
                </p:column>  
                <p:column style="width:25%" headerText="Proveedor">  
                    #{d.cantidadARecibir}
                </p:column>  
            </p:pickList>
            <p:commandButton value="Aplicar" action="#{remisionProveedorBean.agregaDetallesDesdeOCs()}"
                             update="@(.tabla)" oncomplete="dlgOC.hide();"/>
        </h:panelGrid>

    </p:dialog>



</ui:composition>
